<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>首页</title>
    <script src="${pageContext.request.contextPath}/static/js/jquery-3.3.1.js"></script>
</head>

<body>


<div style="margin:0 auto; padding-top: 100px;" align="center">
    <label for="username">用户名：</label><input id="username" type="text" name="name"><br/>
    <label for="password">密码：</label><input id="password" type="password" name="password"><br/>
    <input type="button" onclick="ajaxLogin()" value="登录">
</div>


</body>

<script>

    /*执行异步请求*/
    function ajaxLogin() {
        var namet = $("#username").val();
        var pwd = $("#password").val();

        //校验用户名和密码是否为空
        if (namet == null || namet === "") {
            alert("用户名不能为空");
            return false;
        }

        if (pwd == null || pwd === "") {
            alert("密码不能为空");
            return false;
        }
        //限制用户输入字符的合法性

        $.ajax({
            type: 'post',//请求类型
            url: "/user/dologin",//请求url地址
            data: {
                username: namet,
                password: pwd
            },
//            dataType :'json',//服务器返回类型
            cache: false,//缓存
            async: true,//true 表示异步求，false 表示 同步请求
            // beforeSend: ajaxBeforeEvent,//请求前的function
            // complete: ajaxComplete,//请求完成后的function
            timeout: 30000,//设置请求超时的时间
            success: function (data) {
                console.log("请求成功", data);
                // 解析返回数据
                if (data === "yes") {
                    document.location.href = "user/home?page=1";
                } else if (data === "no") {
                    alert("密码错误");
                } else if (data === "null") {
                    alert("用户名不存在");
                }
            },
            error: function (data) {
                // console.log("请求失败  " + data);

            }
        })


    }


</script>
</html>
